<template>
	<div>
	<div class="recommend-title">周末去哪</div>
	<ul>
		<li class="item"  v-for="item in list" :key="item.id">
			<div class="item-img-wrapper">
				 <img class="item-img" :src="item.imgUrl" >
			</div>
			<div class="item-info">
				<p class="item-title">{{item.title}}</p>
                <p class="item-desc">{{item.desc}}</p>
			</div>
		</li>
	</ul>

	</div>
	
     
</template>

<script>
export default{
     name:'HomeWeekend',
     props:{
    	list: Array
    }
}	

</script>


<style lang="stylus" scoped>
@import '~styles/mixins.styl'
.recommend-title
	margin-top: .2rem
	line-height: .8rem
	background: #eee
	text-indent: .2rem
.item-img-wrapper
	overflow: hidden
	height: 0
	padding-bottom: 37.09%
	padding-bottom: 33.9%
.item-img
	width: 100%
.item-info
	padding :.1rem
.item-title
	line-height: .54rem
	font-size: .32rem
	ellipsis()
.item-desc
	line-height: .4rem
	color: #aaa
	ellipsis()
</style>